<!-- 带预览图片 列表组件 -->
<template>
	<div class="list-pic-item">
		<div class="list-pic-item-img">
			<img :src="item.cFileUrl" alt="" />
		</div>
		<div class="list-pic-item-text">
			<div class="list-pic-item-text-title">{{ item.cTitle }}</div>
			<div class="list-pic-item-text-desc">{{ item.cDesc }}</div>
		</div>
	</div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.list-pic-item {
	display: flex;
	align-items: center;
    padding: 20px;
    border-bottom: 1px solid $cellBottomBorderColor;
	.list-pic-item-img {
		width: 100px;
		height: 100px;
		margin-right: 20px;
		img {
			width: 100%;
			height: 100%;
		}
	}
	.list-pic-item-text {
        // 上下结构css
		display: flex;
		flex-direction: column;

        // 生成内部元素css
		.list-pic-item-text-title {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.list-pic-item-text-desc {
			font-size: 14px;
			color: #999;
		}
	}
}
</style>
